<script setup lang="ts">
import {ref} from "vue";
const style1 = "part1"
const style2 = "part2"
const style3 = ref("part3")
</script>
<template>
  <div v-bind:class="style1">part1</div>
  <div :class="style2">part2</div>
  <div v-bind:class="style3">part3</div>
</template>
<style scoped>
div{
  width: 100px;
  height: 100px;
}
.part1{
  background-color: red;
}
.part2{
  background-color: blue;
}
.part3{
  background-color: yellow;
}
</style>